<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">
			window.onload=function(){
				var mybtn=document.getElementById("btn");
				
				//当文本框得到焦点时，清除默认的value值
				mybtn.onfocus=function(){
					mybtn.value="";
				}
				
				//文本框失去焦点
				mybtn.onblur=function(){
					//取出文本框中的值,保存到变量中
					var myvalue=this.value;
					//判断用户有没有输入，没有输入就恢复默认的value值
					if(myvalue==""){
						this.value="请输入用户名";
					}
				}
			}
		</script>
	</head>
	<body>
		用户名：<input type="text" value="请输入用户名" id="btn" />
	</body>
</html>
